﻿@model GPS.ENTITYS.ViewModelDKH_DD
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Điểm danh học viên";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>

@*<script src="~/Scripts/jquery-1.10.2.js"></script>*@



<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">quản lý Học viên điểm danh qua thiết bị vân tay</h3>
    <div class="row">

        @using (Html.BeginForm("Index", "GPS_DiemDanh", FormMethod.Get))
        {
            <div class="list-group">
                <fieldset class="fs_body">
                    <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                    <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />
                    <div class="criteria_search">
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pDVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
                                <span id="rDataDVGTVT_MA" style="width:500px;"></span>
                                @Html.ValidationMessageFor(model => model.pDVGTVT_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc Tên Đơn vị  để hiển thị danh sách đơn vị </p>
                                </div>
                            </div>

                            <div class="col-md-2 control-label">
                                Khóa học:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pKH_MA, new { @class = "form-control", @id = "KH_MA" })
                                <span id="rDataHV_KH_MA" style="width:500px"></span>
                                @Html.ValidationMessageFor(model => model.pKH_MA)
                                <div class="help-tip">
                                    <p>Gõ mã hoặc tên khóa học để hiển thị danh sách khóa học </p>
                                </div>
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            @*<div class="col-md-2 control-label">
                                Mã học viên
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_MA, new { @class = "form-control" })
                            </div>*@
                            <div class="col-md-2 control-label">
                                Giai đoạn
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pHV_GIAIDOAN_MA, new List<SelectListItem>
                                {                   new SelectListItem() {Text = "", Value=""},
                                                    new SelectListItem() {Text = "Lý thuyết", Value="LT"},
                                                    new SelectListItem() {Text = "Thực hành", Value="TH"},
                                                    new SelectListItem() {Text = "Thực hành đường", Value="TD"}
                                }, new { @class = "form-control" })

                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Họ và tên
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_HOTEN, new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Số CMND
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_CMND, new { @class = "form-control" })
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Ngày điểm danh
                            </div>
                            <div class="col-md-1 control-label">
                                Từ ngày:
                            </div>
                            <div class="col-md-3">
                                @Html.TextBoxFor(model => model.pHV_NGAY_DD_TU, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                            </div>
                            <div class="col-md-2 control-label">
                                Đến ngày:
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pHV_NGAY_DD_DEN, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                            </div>
                        </div>
                    </div>


                    <div class="row margin-top-05 btn_search">
                        <button type="submit" class="btn btn-warning btn-sm">
                            <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                        </button>
                        @*@Html.NoEncodeActionLink("<span class='glyphicon glyphicon-plus'></span> Thêm mới", "Thêm mới", "Create", "GPS_DiemDanh", null, htmlAttributes: new { @class = "btn btn-primary btn-sm" })

                            <button type="submit" class="btn btn-primary btn-sm" name="SearchButton" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> Xuất Excel
                            </button>

                            @Html.NoEncodeActionLink("<i class='fa fa-file-excel-o'></i> Import Excel", "Import Excel", "ImportExcel", "GPS_DiemDanh", null, htmlAttributes: new { @class = "btn btn-primary btn-sm" })*@
                    </div>
                </fieldset>
            </div>
        }
        <br />
        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>
                <label id="lblMessageChange" style="color:blue; font-weight:bold">@TempData["ThongBao"]</label> &nbsp;&nbsp;&nbsp;
                <br />
                <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label> &nbsp;&nbsp;&nbsp;

                <table class="table table-hover table-bordered table-condensed">
                    <tr>
                        @*<th>
                                <input type="checkbox" id="chkAll" />
                            </th>*@
                        <th>
                           STT
                        </th>
                        <th>
                            Họ tên
                        </th>
                        <th>
                            Đơn vị GTVT
                        </th>
                        @*<th>
                                Lớp học
                            </th>*@
                        <th>
                            Hạng ĐT
                        </th>
                        <th>
                            Thời gian vào
                        </th>
                        <th>
                            Thời gian ra
                        </th>

                        <th>
                            Giai đoạn
                        </th>
                        <th>
                            Có học?
                        </th>

                        <th>
                            @*Thao Tác*@
                        </th>
                    </tr>
                    @{

                        if (Model.SearchResults != null)
                        {
                            //name="chk_@i"
                            int i = 0;
                            var _char = "#";
                            var _disabled = "";
                            var _display = "block";
                            foreach (var item in Model.SearchResults)
                            {
                                <tr>
                                    @*<td>

                                            <input type="checkbox" value="@item.HV_KH_LOP_MA@_char@item.HV_DVGTVT_MA@_char@item.HV_KH_MA@_char@item.HV_MA" class="checkBox" @_disabled />
                                        </td>*@
                                    <td>
                                        @(i+1)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => (item.DKH_DD_HV_TEN))
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => (item.DKH_DD_HV_DVGTVT_TEN))
                                    </td>

                                    <td align="center">
                                        @Html.DisplayFor(modelItem => item.DKH_DD_HV_HANGDT_MA)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.DKH_DD_TGVAO)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.DKH_DD_TGRA)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.DKH_DD_GIAIDOAN_MA)
                                    </td>
                                    <td>

                                        @{
                                if (item.DKH_DD_COHOC == "1")
                                {
                                    // @Html.Raw("Được dự Thi TN")
                                    @Html.Label("Có học", new { @style = "color:green" })
                                }
                                else
                                {
                                    //  @Html.Raw("Đang chờ phê duyệt")
                                    @Html.Label("Vắng", new { @style = "color:brown" })
                                }
                                        }
                                    </td>



                                    <td>
                                        <div class="pull-right">
                                            @*<a href="@Url.Action("Detail", "GPS_DiemDanh", new { id1 = System.Uri.EscapeDataString(item.KH_LOP_DD_MA)})" data-modal="">
                                                    <img src="@Url.Content("~/fonts/grid-view-icon.png")" title="Xem chi tiết Học Viên" />
                                                </a>*@
                                            @*<a href="@Url.Action("Edit", "GPS_DiemDanh", new { id1 = System.Uri.EscapeDataString(item.KH_LOP_DD_MA) })">
                                                    <img src="@Url.Content("~/fonts/grid-edit-icon.png")" title="Sửa" />
                                                </a>
                                                <a href="@Url.Action("Delete", "GPS_DiemDanh", new { id1 = System.Uri.EscapeDataString(item.KH_LOP_DD_MA) })">
                                                    <img src="@Url.Content("~/fonts/grid-delete-icon1.gif")" title="Xóa lịch học" onclick="return confirm('Bạn chắc chắn muốn xóa không?');" />
                                                </a>*@

                                        </div>
                                    </td>
                                </tr>
                                i++;
                            }
                        }
                    }

                </table>
                <div class="pagination-sm">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pDVGTVT_MA,
       Model.pKH_MA,
       Model.pKH_LOP_MA,
       Model.pHV_MA,
       Model.pHV_HOTEN,
       Model.pHV_CMND,
       Model.pHV_GIAIDOAN_MA,
       Model.pHV_NGAY_DD_TU,
       Model.pHV_NGAY_DD_DEN
   }))
                </div>
            </fieldset>

        </div>
    </div>
</div>

<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog" style="width:50%">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/modalform")
}


<script type="text/javascript">
    $("#pHV_NGAY_DD_TU").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });
    $("#pHV_NGAY_DD_TU").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    $("#pHV_NGAY_DD_DEN").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });
    $("#pHV_NGAY_DD_DEN").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });



    $(function () {
        $(document).tooltip();
    });
</script>
<script>
    $(document).ready(function () {
        $("#DVGTVT_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_KhoaHoc/AutoCompleteDVGTVT_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
                        }))
                    }
                })
            },
            change: function (event, ui) {
                $('#KH_MA').val("");
            },
            messages: {
                noResults: "", results: ""
            }
        }).click(function () {
            $(this).autocomplete("search");
        });

        $("#KH_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_HocVien/AutoCompleteKH_MA",
                    type: "POST",
                    dataType: "json",
                    data: {
                        term: request.term,
                        dvgtvt_ma: $("#DVGTVT_MA").val()
                    },
                    minLength: 2,
                    delay: 200,
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.KH_TEN, value: item.KH_MA + ':' + item.KH_TEN };
                        }))
                    }
                })
            },
        }).click(function (event, ui) {
            var _val = $("#DVGTVT_MA").val();
            if (_val == "" || _val == null) {
                alert('CHÚ Ý: Bạn muốn tìm kiếm khóa học. Bạn phải nhập mã/tên đơn vị đào tạo!!!');
            }
            else {
                $(this).autocomplete("search");
            }
        });
    })
</script>







